<template>
	<view class="divider">
		<view class="divider-text is_center">{{ title }}</view>
	</view>
</template>

<script>
	export default{
		props:{
			title:{
				type: String,
				default: ''
			},
		},
		data(){
			return{}
		},
		methods:{}
	}
</script>

<style>
	.divider{
		position: relative;
		height: 1px;
		width: 100%;
		margin: 24px 0;
		background-color: #DCDFE6;
		font-size: 24upx
	}
	
	.divider-text{
		position: absolute;
		background-color: #fafafa;
		padding: 0 20px;
		color: #333;
	}
	
	.is_center{
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	}
</style>
